{% set fsf_step = "test" %}
{% extends "first-snap/_layout_fsf.html" %}

{% block fsf_content %}
  <div class="row">
    <div class="col-8">
      <ol class="p-stepped-list has-margin">
        {% for step in steps %}
          <li class="p-stepped-list__item">
            <h4 class="p-stepped-list__title u-no-limit">
              {{ step.action|safe }}
            </h4>
            {% if step.command %}
              <span class="p-stepped-list__content">
                {% set snippet_value = step.command|replace("${name}", snap_name) %}
                {% set snippet_id = loop.index %}
                {% if snippet_value.count('\n') == 0 %}
                  {% include "/partials/_code-snippet.html" %}
                {% else %}
                  {% include "/partials/_code-snippet-multi.html" %}
                {% endif %}
              </span>
            {% endif %}
              {% if step.warning %}
                <span class="p-stepped-list__content">
                  <div class="p-notification--caution">
                    <p class="p-notification__response">
                      {{ step.warning|replace("${name}", snap_name)|safe }}
                    </p>
                  </div>
                </span>
              {% endif %}
          </li>
        {% endfor %}
      </ol>
    </div>
  </div>
{% endblock %}

{% block fsf_pagination %}
  <a class="p-button--neutral" href="/first-snap/{{ language }}/{{ os }}/build">
    &lsaquo; Previous: Build snap
  </a>

  <a class="p-button--positive u-float-right" href="/first-snap/{{ language }}/{{ os }}/push">
    Next: Publish to store &rsaquo;
  </a>
{% endblock %}
